<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta charset="UTF-8"/>
    <title th:text="${user}?${user.userInfo.nickName?:user.name}+'的个人主页'">个人主页</title>
    <link rel="stylesheet" href="css/Mycss.css"/>
    <script src="js/jquery.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="ueditor/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="ueditor/ueditor.all.min.js"> </script>
</head>
<body>
<canvas id="bg"></canvas>

<div class="nav">
    <div  class="LogoP">
        <div class="logo move">
            <div class="logo1"><canvas></canvas></div>
            <div class="logo2"><canvas></canvas></div>
            <div class="logo3"><canvas></canvas></div>
            <div class="logo4"><canvas></canvas></div>
            <div class="logo5"><canvas></canvas></div>
            <div class="logo6"><canvas></canvas></div>
        </div>
    </div>
    <div th:substituteby="nav::nav" >

    </div>
</div>




<div th:if="${user?:session.user}" th:with="user=${user?:session.user}" class="userPanel">
    <img class="photo"  src="" alt=""/>
    <div class="info">
        <div class="name" ></div>
        <div class="age" ></div>
        <div class="intro" ></div>
        <button  th:if="${role!=4}"  class="care" type="button" >关注</button>
        <button th:if="${role==4}" class="editInfo" type="button" >编辑资料</button>
        <div class="fans" th:id="${user.id}" >粉丝：</div>
    </div>
    <a th:if="${isManager}" th:href="@{/noUseUser(id=${user.id})}" href="#">禁用该用户</a>
</div>

<div class="editInfoPanel ">
    <div class="editInfoTitle move">个人信息编辑</div>
    <span class="close closeEditInfo">&times;</span>
    <form id="f" class="editInfoForm" action="" method="post" enctype="multipart/form-data">
        <div class="infoMsg"></div>
        <div class="editPhoto">
            <input class="fileIpt" type="file"  name="file" placeholder=""/>
        </div>
        <input  class="nickNameE" type="text" name="nickName" placeholder="昵称"/>
        <input class="ageE" type="number" min="0"  name="age" placeholder="年龄"/>
        <select class="ERole" name="role" id="">
            <option value="0">所有人可访问</option>
            <option value="1">黑名单不能访问</option>
            <option value="2">关注者可访问</option>
            <option value="3">好友可访问</option>
            <option value="4">仅自己访问</option>
        </select>
        <textarea class="introE "  name="intro" placeholder="个人介绍"></textarea>
        <button type="button" class="editInfoBtn close">确认</button>
    </form>
</div>



<div th:if="${articles}" class="userContent">
    <!--/*@thymesVar id="user" type="com.leilei.MyObject.User"*/-->
    <div  th:each="article:${articles}" class="Article  scrollbar">
        <div class="ArticleContent move">
            <a th:href="@{Article{id}(id=${article.id})}"  th:utext="${article.name}" class="title at">Title</a>
            <span th:text="'查看'+${article.click}"></span>
            <p th:utext="${article.content}">文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容</p>
        </div>
    </div>
</div>
<!--文章模板-->
<div class="Article  scrollbar model" style="display: none">
    <div class="ArticleContent move">
        <a class="title at">Title</a>
        <p></p>
    </div>
</div>


<!--编辑模块-->
<div th:substituteby="nav::UEditor" >

</div>

<!--登录模块-->
<div th:substituteby="nav::login" >

</div>


<div th:substituteby="nav::Friends">

</div>


<script src="js/MyBgNav.js"></script>
<script src="js/Mypage.js"></script>
</body>
</html>